//关闭来源
const aDiv = document.querySelectorAll('.people>div')
// console.log(aDiv);
aDiv.forEach((ele) => {
    ele.onclick = (e) => {
        if (e.target.className === 'exit') {
            e.target.parentNode.classList.remove('on')
        }
    }
})
//selectById
// {
//     ajax({
//         url:'http://192.168.1.94:8080/qfCourseContent/get?id=7',
//         type:'get',
//         data:{},
//         success(res){
//             // console.log(res);
//             const json = JSON.parse(res)
//             console.log(json);
//         }
//     })
// }
//查询所有课程
{
    ajax({
        url: 'http://192.168.1.94:8080/qfCourseContent/selectAll',
        type: 'get',
        data: {},
        success(res) {
            // console.log(res);
            const json = JSON.parse(res)
            console.log(json.data);
        }
    })
}
//更新观看人数
// {
//     ajax({
//         url:'http://192.168.1.94:8080/qfCourseContent/updatePeople/%7Bid%7D',
//         type:'get',
//         data:{},
//         success(res){
//             // console.log(res);
//             const json2 = JSON.parse(res)
//             console.log(json2);
//         }
//     })
// }
//切换课程+鸡汤
{
    const oO3 = document.querySelector('.one .one3')
    const aP = document.querySelectorAll('.one .one4 p')
    const aWra = document.querySelectorAll('.two .wrapper')
    const aDiv = document.querySelectorAll('.people>div')
    //鸡汤
    const arr = [
        '你若盛开，蝴蝶自来',
        '保持热爱、奔赴山海',
        '即使再小的帆也能远航',
        '去更远的地方，见更亮的光',
        '永远相信美好的事情即将发生',
        '生活原本沉闷，但跑起来就有风',
        '须知少年凌云志，曾许人间第一流',
        '屏幕前的你一定是个很温柔的人吧',
        '走自己的路，为自己的梦想去奋斗',
        '真正喜欢的人和事，都值得我们坚持',
        '受了这些苦，一定是为了什么值得的东西',
        '世界上只有少数人能够最终达到自己的理想',
        '生活明朗，万物可爱，人间值得，未来可期',
        '我们缺乏的不是知识，而是学而不厌的态度',
        '希望有一天自己也成为一个小太阳去温暖别人',
        '向着月亮出发，即使不能到达，也能站着群星之中',
        '别人拥有的，不必羡慕；只要努力，时间都会给你',
        '生活是属于每个人自己的感受，不属于任何别人的看法',
        '一群有情有义的人、在一起做一些有价值有意义的事情',
        '人就这么一辈子，开心也是一天，不开心也是一天，所以你一定要开心',
        '传奇的超古代文明打响了',
        '传奇中的神话历史战争',
        '生命残酷的轮回，镜中世界',
        '更高的进化，更早的逝去',
        '拿起手中的剑，斩破这命运',
        '敲响美妙的乐章，起鼓！',
        '异虫的恐惧，超速空间',
        '去往时间的痕迹，上车',
        '皇的血液，拔出那把剑',
        '去往九个世界，成为破坏者',
        '双人搭档，破解秘案',
        '抓住那只手，去战斗',
        '飞向神秘的宇宙',
        '魔法的命运，最后的希望',
        '水果的激情，神的男人',
        '加速这世界，发动引擎',
        '失去生命，拯救世界',
        '游戏空间，无敌的玩家',
        '兔子和坦克，解开火星之谜',
        '转动时间命运的齿轮，未来的王'
    ]
    oO3.innerHTML = arr[random(0, arr.length)]
    aP.forEach((ele, index) => {
        ele.onclick = function () {
            for (var i = 0; i < aP.length; i++) {
                aP[i].classList.remove('on')
                aWra[i].classList.remove('on')
                aDiv[i].classList.remove('on')
            }
            aP[index].classList.add('on')
            aWra[index].classList.add('on')
            aDiv[index].classList.add('on')
            oO3.innerHTML = arr[random(0, arr.length)]
            oO3.style.color = `rgb(${random(0, 256)},${random(0, 129)},${random(0, 129)})`
        }
    })
}
//les1对应位置
{
    const oTip = document.querySelector('.les1 .tipsr')
    const oUl = document.querySelector('.les1>ul')
    const aLi = document.querySelectorAll('.les1>ul li')
    const arr = [260, 440, 0]
    
    clickJump(aLi, arr)
    gunDong(arr, aLi, oTip, oUl)
}
//les2对应位置
{
    const oTip = document.querySelector('.les2 .tipsr')
    const oUl = document.querySelector('.les2>ul')
    const aLi = document.querySelectorAll('.les2>ul li')
    const arr = [346, 2020, 2400, 2800, 3830, 4230, 4960, 5670, 6390, 7100, 7820, 8530, 0]
    clickJump(aLi, arr)
    gunDong(arr, aLi, oTip, oUl)
}
//les3对应位置
{
    const oTip = document.querySelector('.les3 .tipsr')
    const oUl = document.querySelector('.les3>ul')
    const aLi = document.querySelectorAll('.les3>ul li')
    const arr = [333, 1060, 2080, 2490, 3200, 3920, 4640, 5350, 6075, 0]
    clickJump(aLi, arr)
    gunDong(arr, aLi, oTip, oUl)
}
//les4对应位置
{
    const oTip = document.querySelector('.les4 .tipsr')
    const oUl = document.querySelector('.les4>ul')
    const aLi = document.querySelectorAll('.les4>ul li')
    const arr = [340, 1377, 2414, 3120, 3520, 4245, 5280, 5980, 6715, 7112, 0]
    clickJump(aLi, arr)
    gunDong(arr, aLi, oTip, oUl)
}
//les5对应位置
{
    const oTip = document.querySelector('.les5 .tipsr')
    const oUl = document.querySelector('.les5>ul')
    const aLi = document.querySelectorAll('.les5>ul li')
    const arr = [340, 730, 1448, 2487, 0]
    clickJump(aLi, arr)
    gunDong(arr, aLi, oTip, oUl)
}
//les6对应位置
{
    const oTip = document.querySelector('.les6 .tipsr')
    const oUl = document.querySelector('.les6>ul')
    const aLi = document.querySelectorAll('.les6>ul li')
    const arr = [340, 1050, 2080, 3445, 3836, 4245, 5275, 0]
    clickJump(aLi, arr)
    gunDong(arr, aLi, oTip, oUl)
}